<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<title>贷款详情</title>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
	</head>
	<style type="text/css">
		.header img{height: 4.15rem;width: 7.5rem;display: block;}
		.nav{height: 2.11rem;background: #fff;}
		.nav img{width: 2.13rem;height: auto;}
		.yaoqiu img{height: 0.58rem;width: 7.5rem;display: block;}
		.jinjianbox{height: 3.9rem;background: #2c93ef;margin-top: -1px;text-align: center;padding-top: 0.2rem;}
		.jinjianbox img{width: 3.68rem;height: auto;}
		.item{height: 0.52rem;width: 3.2rem;border:solid 1px #fff;border-radius: 30px;margin: 0.26rem auto;font-size: 0.28rem;text-align: center;line-height: 0.52rem;color: #fff;}
		.diyabox{height: 1.38rem;background: #fff;text-align: center;line-height:1.38rem;}
		.diyabox img{width: 3.68rem;height: auto;}
		.diyacont{height: 2.38rem;background: #87bbea;text-align: center;line-height: 2.73rem;padding-top: 0.35rem;}
		.diyacont img{width: 5.65rem;height: auto;}
		.jinjantitle{height: 1.53rem;background: #2c93ef;line-height: 1.73rem;text-align: center;padding-top: 0.1rem;}
		.jinjantitle img{width: 3.68rem;height: auto;}
		.jinjiancont{height: 4.55rem;background: url(img/duihua_05.png)no-repeat center 0;margin-top: -1px;background-size:100% 100%;position: relative;}
		.jinjiancont .map{position: absolute;}
		.hezuo img{width: 7.5rem;height: auto;display: block;margin-top: -2px;}
		.hezuobox{height: 2.1rem;background: #fff;}
		.hezuobox img{margin: 0 0.15rem;}
		.footer{height: 1rem;background: #fff;}
		.footer img{height: 0.94rem;width: auto;display: block;}
	</style>
	<body>
		<div class="header">
			<img src="img/header_01.png" alt="" />
		</div>
		<div class="nav flex flex-align-center flex-pack-center">
			<img class="wow pulse"  data-wow-delay=".1s" src="img/wudiya.png"/>
			<img class="wow pulse"  data-wow-delay=".1s" src="img/yuexi.png" style="margin-left: 0.15rem;"/>
			<img class="wow pulse"  data-wow-delay=".1s" src="img/fangkuan.png" style="margin-left: 0.15rem;"/>
		</div>
		<div class="yaoqiu">
			<img src="img/jinjiantop_03.png"/>
		</div>
		<div class="jinjianbox">
			<img src="img/jingjina.png"/>
			<div class="item wow bounceInLeft" data-wow-delay=".2s">打卡工资 社保 公积金</div>
			<div class="item wow bounceInRight" data-wow-delay=".3s" style="width: 3.75rem;">按揭房 全款车 按揭车</div>
			<div class="item wow bounceInLeft" data-wow-delay=".4s" style="width: 4.65rem;">有营业执照 满足一项均可申请</div>
		</div>
		<div class="diyabox">
			<img src="img/diyadaikuan.png"/>
		</div>
		<div class="diyacont">
			<img class="wow pulse" data-wow-delay=".3s" src="img/shenghe_06.png"/>
		</div>
		<div class="jinjantitle">
				<img src="img/jingjina2.png"/>
		</div>
		<div class="jinjiancont">
			<img class="map wow bounceInRight" data-wow-delay=".2s" src="img/duihua1.png" style="left: 1.2rem;top: 0.5rem;width: 1.96rem;"/>
			<img class="map wow bounceInLeft" data-wow-delay=".3s" src="img/duihua2.png" style="left: 1.8rem;top: 1.3rem;width: 4.44rem;"/>
			<img class="map wow bounceInRight" data-wow-delay=".4s" src="img/duihua3.png" style="left: 1.2rem;top: 2.6rem;width: 1.96rem;"/>
			<img class="map wow bounceInLeft" data-wow-delay=".5s" src="img/duihua4.png" style="left: 1.8rem;top: 3.35rem;width: 4.44rem;"/>
		</div>
		<div class="hezuo">
			<img src="img/hezuo_06.png"/>
		</div>
		<div class="hezuobox flex flex-align-center flex-pack-center">
			<img class="wow bounceIn" data-wow-delay=".1s" src="img/paipai.png" style="width: 1.8rem;height: auto;"/>
			<img class="wow bounceIn" data-wow-delay=".1s" src="img/qianlong.png" style="width: 1.9rem;height: auto;"/>
			<img class="wow bounceIn" data-wow-delay=".1s" src="img/yingba.png" style="width: 2.44rem;height: auto;"/>
		</div>
		<div class="footer flex flex-align-center flex-pack-center">
			<img src="img/button.png"/>
		</div>
	</body>
	<script type="text/javascript" src="js/rem.js"></script>
	<script type="text/javascript" src="js/wow.min.js"></script>
	<script type="text/javascript" src="js/zepto.js"></script>
	<script type="text/javascript" src="js/layer.js"></script>
	<script type="text/javascript">
	wow = new WOW({
      　　animateClass: 'animated',
      offset: 0,  
      mobile: true,  
      live: true 
      });
      wow.init();
      $('.footer img').click(function(){
      	 layer.open({
		    content: '申请已提交！</br>工作人员24小时之内联系您。'
		    ,btn: '我知道了'
		  });
      });
	</script>
</html>
